<template>
  <div>
    <h3>
<!--      当前最新的count值为：{{count}}-->
      {{showNum}}
    </h3>
    <button @click="btnHandle">-1</button>
    <button @click="btnHandleN">-N</button>
    <button @click="subAsync">-1 Async</button>
    <button @click="subNAsync(3)">-N Async</button>
  </div>
</template>
<script>
import {mapState , mapMutations,mapActions,mapGetters} from 'vuex'
export default {
  data(){
    return{

    }
  },
  computed: {
    ...mapState(['count']),
    ...mapGetters(['showNum'])
  },
  methods: {
    ...mapMutations(['sub','subN']),
    ...mapActions(['subAsync','subNAsync']),
    btnHandle(){
      this.sub()
    },
    btnHandleN(){
      this.subN(2)
    }
  }
}
</script>

<style scoped>

</style>